Ext.onReady(function(){
	
	var devTree = new Ext.tree.TreePanel({
		title:'设备列表',
		region:'west',
		width:160,
		minSize: 120,
		maxSize: 180,
		animate:false,
		border:false,
		split:true,
		collapsible: true,
		id:'devTree',
		autoScroll:true,
		lines:true,
		rootVisible:false,
		root:{
			text:'设备列表',
			draggable:false,
			id:'devTreeRoot',
			leaf:false
		},
		dataUrl:'chartData/getDevListGroupCompany.action',
		listeners:{
			click:function(node){
				if(node.leaf==true){
					var cPanel = Ext.getCmp('chartPanel');
					var startTime = Ext.util.Format.date(Ext.getCmp('startTime').getValue(),'Y-m-d H:i:s');
					var endTime = Ext.util.Format.date(Ext.getCmp('endTime').getValue(),'Y-m-d H:i:s');
					cPanel.setChartDataURL('chartData/singleDevChartData.action?devCode='+node.id+'&startTime='+startTime+'&endTime='+endTime);
				}
			}
		}
	});
	devTree.root.expand(true,true);
	
	var chartPanel = new Ext.ux.Chart.Fusion.Panel({
		region:'center',
		id:'chartPanel',
		autoScroll:true,
		border:false, 
		chartCfg:{  
			id : 'chart1',  
			params:{
				flashVars:{
					debugMode:0,
					lang:'EN'
				}  
			}
		},
		chartURL:'charts/FCF_MSColumn2DLineDY.swf',
		dataURL :'' , 
		tbar:['开始日期:',{
			xtype:'datefield',
			emptyText : '请选择开始时间',
			readOnly : false,
			editable:false,
			allowBlank : true,
			format : 'Y-m-d',
			name : 'startTime',
			id : 'startTime',
			width:130
		},'-','结束日期:',{
			xtype:'datefield',
			emptyText : '请选择停止时间',
			readOnly : false,
			editable:false,
			allowBlank : true,
			format : 'Y-m-d',//日期格式
			name : 'endTime',
			id : 'endTime',
			width:130
		},'-',{
			text:'查询',
			iconCls : 'previewIcon',
			handler:function(){
				var node = devTree.getSelectionModel().getSelectedNode();
				
				if(!Ext.isEmpty(node)){
					if(node.leaf==true){
						var startTime = Ext.util.Format.date(Ext.getCmp('startTime').getValue(),'Y-m-d H:i:s');
						var endTime = Ext.util.Format.date(Ext.getCmp('endTime').getValue(),'Y-m-d H:i:s');
						chartPanel.setChartDataURL('chartData/singleDevChartData.action?devCode='+node.id+'&startTime='+startTime+'&endTime='+endTime);
					}else{
						Ext.Msg.alert('提示',"请选择要查询的设备");
					}
				}else{
					Ext.Msg.alert('提示',"请选择要查询的设备");
				}
			}
		}]  
	});
		
	
	var view = new Ext.Viewport({
		layout:'border',
		items:[devTree,chartPanel]
	});
});